<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/index.js"></script>
    <script src="./js/a.js"></script>
    <script src="./js/b.js"></script>
</head>
<body>
    
</body>
</html>
<!-- 
    如果有的js之间相互依赖，那么必须严格按照先后顺序引入，必须明确记住他们之间的依赖关系
    也不好管理

    模块化：
    如果index.html依赖于index.js  那么我们只需在index.html中引入index.js
    index.js依赖于a.js 那么我们只需把a.js引入到index.js中，index.html无需考虑index.js的依赖关系
 -->